<script setup>
import { ref } from 'vue'

const activeTab = ref(0)
</script>

<template>
  <div class="container">
    <!-- 面包屑 -->
    <el-breadcrumb separator="/">
      <el-breadcrumb-item>首页</el-breadcrumb-item>
      <el-breadcrumb-item>平台动态</el-breadcrumb-item>
      <el-breadcrumb-item>平台动态详情页</el-breadcrumb-item>
    </el-breadcrumb>

    <!-- 内容区 -->
    <el-card class="main-card">
      <div class="detail-title">PLJH-23-4-13三一石油智能装备咨询比价公告-XJ202304130222\n\n项目标名</div>
      <div class="detail-meta">
        <span>发布时间：</span>
        <span>2023年04月13日</span>
      </div>
      <div class="detail-content">
        <div class="section-title">一、项目内容</div>
        <div>(略)：XJ***</div>
        <div>项目标名：PLJH-23-4-13三一石油智能装备</div>
        <div class="section-title">二、投标人资格要求：</div>
        <div>1、投标单位必须对投标的材料(略)进行确认后才能报价。</div>
        <div>2、投标单位不得给他人借、卖或挂靠资质，如有此种情况，经查证核实后，立即取消其投标资格，并纳入黑名单。</div>
        <div>3、投标人资格在接受资质审查时需提供采购(略)要求的相关资质文件。</div>
        <div>4、严格禁止串标和围标情况发生，如有发现，将取消招标资质，并纳入我司黑名单。</div>
        <div>5、投标方不得以任何理由、任何方式对采购业务人员赠送财物，不得向采购方供应核准经营范围外的产品，给采购方造成严重后果的，采购方将追究其法律责任。</div>
        <div class="section-title">三、投标人务必在开标(略)（https:***）完成供应商注册并上传投标资格，中标情况将在本网公示。</div>
        <div class="section-title">四、网上投标方法:具体步骤(路)首页“寻源竟价拍卖操作手册</div>
        <div class="section-title">五、报名截止时间:2023-04-1410:30:41，投标截止及开标时间:2023-04-1410:30:41，投标人应于投标载止时间前在【(路)GSP平台-投标管理-已参与项目】(路)有电子投标文件。</div>
        <div>六、联系人：段志雄，联系电话：***</div>
        <div>部门经理：贾桂忱，联系电话：***</div>
        <div>投标电话：0731-*** / ***，邮箱：jiancha@***.huangfj@***</div>
        <div class="section-title">温馨提示：本标标项仅仅供供应商会员查询，您的投标资料请随时保持信息更新，成为正式会员后方可获取详细的招标公告、报名表格、项目附件及部分项目招标文件等。</div>
        <div>联系人：郝工</div>
        <div>电话：010-68960698</div>
        <div>邮箱：1049263697@qq.com</div>
      </div>
      <div class="detail-attach">
        <img src="../../images/公告列表详情页/u251.png" class="logo-img2" />
        <span class="attach-label">附件：</span>
        <img src="../../images/公告列表详情页/u252.png" class="logo-img2" />
        <span class="attach-file">PLJH-23-4-13三一石油智能装备咨询比价公告详细说明</span>
      </div>
    </el-card>
  </div>
</template>

<style scoped>
.container {
  max-width: 1200px; /* 可根据实际需求调整最大宽度 */
  margin: 0 auto;
  min-height: 100vh;
  background: #f7f8fa;
  padding-bottom: 16px;
}
.header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 64px;
  background: #fff;
  box-shadow: 0 2px 8px #f0f1f2;
  padding: 0 32px;
  margin-bottom: 4px;
}
.logo {
  display: flex;
  align-items: center;
}
.logo-img {
  width: 36px;
  height: 36px;
  margin-right: 8px;
}
.logo-img2 {
  width: 18px;
  height: 18px;
  margin-right: 8px;
}
.logo-title {
  font-size: 22px;
  font-weight: bold;
  color: #222;
}
.nav {
  display: flex;
  gap: 32px;
}
.nav span {
  font-size: 16px;
  color: #333;
  cursor: pointer;
  padding-bottom: 4px;
  border-bottom: 2px solid transparent;
  transition: border-color 0.2s, color 0.2s;
}
.nav .active {
  color: #00c6ad;
  border-bottom: 2px solid #00c6ad;
  font-weight: 600;
}
.user {
  display: flex;
  align-items: center;
  gap: 8px;
}
.username {
  font-size: 16px;
  color: #666;
}
.el-breadcrumb {
  margin: 8px 0 8px 32px;
}
.main-card {
  border-radius: 8px;
  margin: 0 auto;
  box-shadow: 0 2px 8px #f0f1f2;
  margin-top: 8px;
  height: 100%;
}
.detail-title {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 12px;
  margin-top: 8px;
  text-align: left;
}
.detail-meta {
  color: #666;
  font-size: 1rem;
  margin-bottom: 18px;
  text-align: left;
}
.detail-content {
  color: #222;
  font-size: 1rem;
  line-height: 2;
  margin-bottom: 18px;
  text-align: left;
}
.section-title {
  font-weight: bold;
  margin-top: 16px;
  margin-bottom: 4px;
  text-align: left;
}
.detail-attach {
  margin-top: 12px;
  color: #666;
  font-size: 1rem;
  text-align: left;
}
.attach-label {
  margin-left: 4px;
  margin-right: 4px;
}
.attach-file {
  color: #409EFF;
  cursor: pointer;
}
</style>